{extend name="Public:public_template" /}
{block name="container"}
<style type="text/css">
    body {
        background: #eea236 !important;
    }
</style>
<div class="left-side">
    <header><a href="#" class="logo"></a></header>
    <div class="L2-menu tab-content">
        <div class="tab-pane active" id="tabContent1">
            <nav class="menu" data-ride="menu">
                <ul class="tree tree-menu" data-ride="tree">
                    {volist name='sidebarMenuList' id='vo' key='key'}
                    <li class="{if condition='$key == 1'}has-list open in{/if}">
                        <a href="#" style="font-size: 16px;">{$vo['title']}</a>
                        <ul>
                            {volist name="vo['child']" id='v'}
                            <li class="myMenu"><a href="{$v['mainurl']}" onclick="addActive(this)" target="main">{$v['title']}</a></li>
                            {/volist}
                        </ul>
                    </li>
                    {/volist}
                </ul>
            </nav>
        </div>
    </div>
</div>
<script type="text/javascript">
    function addActive(en) {
        $(".myMenu").removeClass("active");
        $(en).parent('li').addClass("active");
    }
</script>
{/block}